.sellSpan {
    background: none repeat scroll 0 0 #009900;
    display: table;
    height: 20px;
}

.buySpan {
    background: none repeat scroll 0 0 #ee3523;
    display: table;
    height: 20px;
}

body {
    /*overflow-x:Scroll;*/
    overflow-y: scroll;
    background: black;
}


.over_auto{
    background-color:#252525;
}
.main-windows {
    height: 100%;
    width: 100%;
}

.main_chart {
    top: 60px;
    left: 0;
    width: 100%;
    position: absolute;
}

.chart_header {
    position: absolute;
    height: 60px;
    min-width: 0;
    background-color: #252525;
}
.xiaozhu-logo{
    line-height:100%;
} 
.xiaozhu-logo img{
    margin-top: 16px;
    margin-left: -10px;
    height: 24px;
    vertical-align:middle;
}

.back-index{
    position: absolute;
    right:0;
    top:20px;
    display:inline-block;
    height:23px;
    padding:0 20px;
    line-height:23px;
    border:1px solid #e83e35;
    color:#e83e35;
    font-size:14px;
    border-radius:5px;
}
.back-index:hover{
    opacity:0.8;
    color:#fff;
    border:1px solid #fff;
}

.line-right-block {
    background-color: #252525;
    margin: 0 0 0 5px;
    position: relative;
    float: left;
    /*min-width: 330px;*/
}

.left_block {
    position: relative;
    float: left;
    width:100%;
    height: 600px;
    background: #252525;
    overflow-y: hidden;
}

/*婊氬姩鏉℃牱寮�*/
/*.left_block::-webkit-scrollbar {!*婊氬姩鏉℃暣浣撴牱寮�*!*/
    /*width: 4px;     !*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*!*/
    /*height: 4px;*/
/*}*/
/*.left_block::-webkit-scrollbar-thumb {!*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*!*/
    /*border-radius: 5px;*/
    /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
    /*background: rgba(0,0,0,0.2);*/
/*}*/
/*.left_block::-webkit-scrollbar-track {!*婊氬姩鏉￠噷闈㈣建閬�*!*/
    /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
    /*border-radius: 0;*/
    /*background: rgba(0,0,0,0.1);*/
/*}*/


.left_block_sub1 {
    height: 100%;
    width: 50%;
    /*float: left;*/
    float: right;
    position: relative;
}

.buy_block_body {
    height: 100%;
    margin-top: 0px;
}

.cur-price{
    width:100%;
    position: absolute;
    height:50px;
    text-align:center;
    font-size:20px;
    line-height:50px;
    top:50%;
    margin-top:-25px;
    color:#19b400;
    background-color:#2b2929;
}

.left_block_sub2 {
    height: 100%;
    width: 50%;
    position: relative;
    float: left;
}

.sell_block_body {
    /* margin-right: -10px; */
    /* height: auto; */
    /* min-height: 10px; */
    width: 100%;
    margin: 0px;
    padding: 0;
    position: absolute;
    /* top: 10px; */
    margin-top: 30px;
}

.left_block_sub2 .sell_block{
    position: absolute;
    width:100%;
    z-index: 1;
}

#marketselllist{
    width: 100%;
}

.log_block_body {
    height: 100%;
    OVERFLOW-Y: scroll;
    OVERFLOW-X: hidden;
    margin-top: 0px;
}



/*氓聫鲁盲戮搂盲赂鈥姑︹�光�懊β澛∶β犅访ヂ悸�*/
.buy_block_body::-webkit-scrollbar,.over_auto::-webkit-scrollbar, .sell_block_body::-webkit-scrollbar, .log_block_body::-webkit-scrollbar,#marketselllist::-webkit-scrollbar {
    width: 12px;
}

.buy_block_body::-webkit-scrollbar-track,.over_auto::-webkit-scrollbar-track, .sell_block_body::-webkit-scrollbar-track, .log_block_body::-webkit-scrollbar-track,#marketselllist::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #252525
}

.buy_block_body::-webkit-scrollbar-thumb,.over_auto::-webkit-scrollbar-thumb, .sell_block_body::-webkit-scrollbar-thumb, .log_block_body::-webkit-scrollbar-thumb,#marketselllist::-webkit-scrollbar-thumb{
    background-color: #414141
}

.buy_block tr {
    background-color: #1c1c1c;
    height: 30px;
    color: #c5bfbf;
}

.buy_block_body table, .buy_block_body tbody {
    background: #252525 !important;
}

.buy_block_body tr {
    border-bottom: 1px black dashed;
    line-height: 30px;
    text-align: center;
    border-left: #252525 2px solid;
    border-right: #252525 2px solid;
}

.sell_block tr {
    background-color: #1c1c1c;
    height: 30px;
    color: #c5bfbf
}

.sell_block_body table, .sell_block_body tbody {
    background: #252525 !important;
}

.sell,.color018901 {
    color: #018901;
}

.buy {
    color: #de211d;
}

.sell_block_body tr {
    border-bottom: 1px black dashed;
    line-height: 30px;
    text-align: center;
    border-left: #252525 2px solid;
    border-right: #252525 2px solid;
}

.right_block {
    position: relative;
    float: left;
    width: 30%;
    height: 350px;
}

.log_block tr {
    background-color: #1c1c1c;
    height: 30px;
    color: #c5bfbf
}

.log_block_body table, .log_block_body tbody {
    background: #252525 !important;
}

.log_block_body tr {
    /*border-bottom: 1px black dashed;*/
    line-height: 30px;
    text-align: center;
    border-left: #252525 2px solid;
    border-right: #252525 2px solid;
}

.line-lift-block {
    width: 60%;
    height: 100%;
    position: relative;
    float: left;
}

#market_chart {
    border-style: none;
    border: 0;
    width: 100%;
    /*min-height: 600px;*/
    height: 98%;
}
@-webkit-keyframes rotate {
    0% {
        width: 0;
        opacity: 0.5
    }

    50% {
        width: 100%;
        opacity: 1
    }

    100% {
        width: 0;
        right: 0
    }
}

@-moz-keyframes rotate {
    0% {
        width: 0;
        opacity: 0.5
    }

    50% {
        width: 100%;
        opacity: 1
    }

    100% {
        width: 0;
        right: 0
    }
}

@-ms-keyframes rotate {
    0% {
        width: 0;
        opacity: 0.5
    }

    50% {
        width: 100%;
        opacity: 1
    }

    100% {
        width: 0;
        right: 0
    }
}

@keyframes rotate {
    0% {
        width: 0;
        opacity: 0.5
    }

    50% {
        width: 100%;
        opacity: 1
    }

    100% {
        width: 0;
        right: 0
    }
}
#loading {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 20;
    background: url("../images/loadingbg.png") 50% 50% no-repeat;
    background-color: #000;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}



#loading:after {
    content: '';
    display: block;
    background: url("../images/loading.png") 0 50% no-repeat;
    width: 100%;
    /*height: 79px;*/
    height: 5000px;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    -webkit-animation: rotate 0.9s linear infinite;
    -moz-animation: rotate 0.9s linear infinite;
    background-size: 100% auto
}

#loading.out {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}
.chart_header > div {
    position: relative;
    height: 60px;
    float: left;
}

.all_coin_list {
    position: absolute;
    top: 60px;
    left: -1px;
    display: none;
    padding: 0px;
    width: 364px;
    border: 1px solid #e0e0e0;
    background: #fff;
    box-shadow: #d9d9d9 0 0 4px;
}

.trade-nav-move dd {
    height: 50px;
    line-height: 50px;
    border-right: 1px solid #E0E0E0;
    padding: 0px 28px;
    background-color: #F6F6F6;
    cursor: pointer;
}

.current {
    background-color: #565353 !important
}

.all_coin_show {
    width: 230px;
    height: 60px;
    border: none;
    border-bottom: none;
    background: #444444;
    position: relative;
    padding-left: 12px;
    padding-top: 10px;
}

.all_coin_price:hover .all_coin_show {
    box-shadow: 0 -1px 2px #D9D9D9;
    border: none;
}

.all_coin_show span {
    float: left;
    line-height: 47px;
    width: 120px;
    overflow: hidden;
    height: 47px;
    font-size: 12px;
    color: white;
    font-weight: bold;
}


.trade-nav-move dd {
    height: 50px;
    line-height: 50px;
    border-right: 1px solid #E0E0E0;
    padding: 0px 28px;
    background-color: #454545;
    cursor: pointer;
}

.trade-nav-move dd {
    color: white;
    height: 50px;
    line-height: 50px;
    border-right: 1px solid #5f5c5c;
    padding: 0px 28px;
    background-color: #454545;
    cursor: pointer;
}

.all_coin_box li {
    float: left;
    padding-left: 2px;
    height: 55px;
    padding-top: 5px;
    border: 1px solid red;
    margin: 10px 10px;
}

.all_coin_box li {
    width: auto;
    float: left;
    padding: 10px 10px 10px 12px;
    height: 55px;
    background-color: #4e4e4e;
    border: 1px dashed #565252;
}

.all_coin_name {
    float: left;
    padding: 0;
    font-size: 14px;
}

.all_coin_name p {
    color: white;
}

.all_coin_name p:hover {
    color: #dae8e0;
}
.table {
    /*border: 1px solid #ddd;*/
    height: 40px;
    margin: 5px 0 0 0;
    text-align: center;
}

.dl {
    display: table;
    width: 100%;
    /*border-bottom: 1px solid #ddd;*/
    padding: 0;
    margin: 0;
}

.dl:nth-child(odd) {
    /*background: #f2f2f2;*/
}

.dl dd, .dl dt {
    display: table-cell;
    height: 100%;
    width: auto;
    padding:0 14px;
    /*min-width:100px;*/
    list-style: none;
    margin: 0;
    vertical-align: top;
    text-align:center;
    font-size:14px;
    
}
.dl dd .dt{
    font-size:16px;
    line-height:35px; 
}


.dl dd:first-child, .dl dt:first-child {
    border: none;
}

.dl dt {
    /*background: #333;*/
    color: #fff;
}
.dl dt {
    /*background: #333;*/
    color: #fff;
}
.dl dt.buy{
    color:#e83e35;
}
.dl dt.sell{
    color:#018901;
}

.dl:last-child {
    height: 25px;
    border: none;
}

.header_menu {
    float: right !important;
    padding:10px 35px 10px 0;
}

.header_menu .h-login-btn span {
    height: 40px;
    line-height: 40px;
    font-size:14px;
}
/*user-login*/
.user-login-box{position:relative;z-index: 10;}
.user-login-box .user-info-box:after{content: "";position:absolute;top:-7px;right:50px;width:0;height:0;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;}
.user-login-box .user-name{padding-right:15px;height:40px;line-height:40px;cursor:pointer;background:url(../images/login-down-icon.png) no-repeat right center;}
.user-login-box .user-name>*{padding:0 5px;vertical-align:middle;}
.user-login-box .user-info-box{display:none;width:292px;min-height:212px;padding:13px;position:absolute;color:#666666;font-size:12px;right:0px;top:45px;border:1px solid #dddddd;background-color:#fff;border-radius:2px;}
.user-login-box .user-info{position:relative;width:100%;height:auto;padding-bottom:10px;font-size:12px;border-bottom:1px solid #f3f2f2;}
.user-login-box .user-info dd{line-height:28px;vertical-align:middle;}
.user-login-box .user-info dd label{display:inline-block;padding-right:5px;}
.user-login-box .user-info dd i{display:inline-block;width:14px;height:14px;padding-right:5px;margin-top:-2px;background:url(../images/top-user-info-icons.png) no-repeat;vertical-align:middle;}
.user-login-box .user-info dd i.user-circle{background-position:0 0;}
.user-login-box .user-info dd i.user-assets{background-position:0 -24px;}
.user-login-box .user-info dd #userFinance{color:#e83e35;}
.user-login-box .user-info .login-out-btn{position:absolute;right:5px;top:0px;}
.user-login-box .user-info .login-out-btn a{color:#deb980;}

.user-currency-list{padding-top:10px;}
.user-currency-list li{display:inline-block;width:100%;line-height:25px;}
.user-currency-list li span{display:block;float:left;margin-right:1.0%;width:32.3333%;height:25px;overflow:hidden;}
.user-currency-list li span.name{text-align:left;vertical-align:middle;}
.user-currency-list li span.name img{width:14px;height:14px;vertical-align:middle;margin-top:-2px;margin-right:5px;}
/*.user-currency-list li span.usa{text-align:center;}
.user-currency-list li span.freeze{text-align:right;}*/
/*.user-currency-list li.li-head span.name{padding-left:2.3333%;width:31%;}
.user-currency-list li.li-head span.usa{text-align:left;}
.user-currency-list li.li-head span.freeze{padding-right:2.3333%;width:31%;}*/


.chart_footer{
    height: 35px;
    position: absolute;
    bottom: 0;
    background-color: #252525;
    width: 100%;
}
.chart_footer ul{
    width: 100%;
    margin: auto;
    text-align: center;
}
.chart_footer span{
    line-height: 35px;
    position: relative;
    margin: auto;
    display: inline-table;
}
.main{
    position:relative;
    height:100%;
}
.jiaoyi{
    position: absolute;
    top:600px;
    height: 300px;
    width: 100%;
    background: #000;
}
.jiaoyi ul{
    width: 100%;
    height: 30px;
    line-height:30px;
    background: #1c1c1c;
}
.jiaoyi li{
    width: 100px;
    height: 30px;
    float: left;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    cursor:pointer;
    color: #777777;
}
#price-p{
    position: absolute;
    left: 0;
    width: 48px;
    color: #777777;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border-right: 1px solid #666;
    background: #333333;
    color: #777777;
    border-top-left-radius: 3px;
    border-bottom-left-radius:3px;
}
#num-p{
    position: absolute;
    left: 0;
    width: 48px;
    color: #777777;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border-right: 1px solid #666;
    background: #333333;
    color: #777777;
    border-top-left-radius: 3px;
    border-bottom-left-radius:3px;

}
#sell-price-p{
    position: absolute;
    left: 0;
    width: 48px;
    color: #777777;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border-right: 1px solid #666;
    background: #333333;
    color: #777777;
    border-top-left-radius: 3px;
    border-bottom-left-radius:3px;
}
#sell-num-p{
    position: absolute;
    left: 0;
    width: 48px;
    color: #777777;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border-right: 1px solid #666;
    background: #333333;
    color: #777777;
    border-top-left-radius: 3px;
    border-bottom-left-radius:3px;
}
#trade_p{
    position: absolute;
    left: 0;
    width: 48px;
    color: #777777;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border-right: 1px solid #666;
    background: #333333;
    color: #777777;
    border-top-left-radius: 3px;
    border-bottom-left-radius:3px;
}
#trade-num-p{
    position: absolute;
    left: 0;
    width: 48px;
    color: #777777;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border-right: 1px solid #666;
    background: #333333;
    color: #777777;
    border-top-left-radius: 3px;
    border-bottom-left-radius:3px;
}
.fast_tr,.ft_box{
    padding:0;

}
.ft_box{
    width: 45%;
    margin: 25px 1%;
}


.ft_box dl{
    width:100%;
    margin:0 auto;
}
.ft_box dl .fl{
    float:left;
}
.ft_box dl .fr{
    float:right;
}
.ft_box dt{
    margin:10px 0 0;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    padding-left: 0px;
}
.ft_box dd{
    height: 34px;
    line-height: 34px;
    margin-bottom: 20px;
    padding-left:0;
    position:relative;
}
.ft_box dd p{
    width: auto;
    position:absolute;
    margin-left: 0;
    margin-right: 10px;
    float:none;
    right:0;
}
.fast_tr{
    background:#000;
    border:none;
    /*padding-bottom: 15px;*/

}
.ratio{
    margin-left:170px;

}
.ft_box dd p,.ft_box dd{
    color:#ccc;
}
#form-buy,#form-buy dd,#form-buy p {
    color: #777777;
    font-size:10px;
}
#form-sell,#form-sell dd,#form-sell p {
    color: #777777;
    font-size:10px;
}

.ft_box .col_999{color:#999;}
/*.ft_box dl .total-price{width:50%;position:absolute;bottom:-6px;left:156px;}
.ft_box dl .lasted-num{width:50%;position:absolute;top:62px;left:230px;}*/

.trader_btn{
    width: auto;
    margin: 5px auto 0px;
}
.trader_btn input{
    width: 100%;
    /*margin-left:106px;*/
}

.Transaction td{
    background: none repeat scroll 0 0 #252525;
}
.jiaoyi .active{
    /*background: #414141;*/
    color: #133977;
    border-bottom: 1px solid #133977;
}
.open{
    width: 30px;
    float: right;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    color: #c1bfbf;
}

.texts {
    border: 1px solid #333333;
    vertical-align: middle;
    font-size: 12px;
    width: 100%;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    border-radius: 4px;
    background-color: #333333;
    padding-left: 50px;
    color:#fff;
}

.texts:hover, .texts:focus{
    /*box-shadow:0 0 3px #0d66bf;*/
    /*border:1px solid #0d66bf;*/
    box-shadow:0 0 3px #666;
    border:1px solid #666;
    /*color:#000;*/
    color: #ffffff;
}

.login-texts {
    border: 1px solid #C5C5BC;
    vertical-align: middle;
    font-size: 14px;
    width: 200px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    border-radius: 4px;
    background-color: #fff;
    padding: 5px;
    color:#000;
}

.login-texts:hover, .login-texts:focus{
    box-shadow:0 0 3px #0d66bf;
    border:1px solid #0d66bf;
    color:#000;
}

.Transaction th {
    background: none repeat scroll 0 0 #1c1c1c;
    font-weight: 700;
    line-height: 28px;
    height: 30px;
    color: #c5bfbf;
}
#entrustlist tr{
    /*border-bottom: 1px black dashed;*/
    line-height: 30px;
    text-align: center;
    border-left: #252525 2px solid;
    border-right: #252525 2px solid;
}
.no-border-left-right tr:hover {
    background-color: #3e3e3e;
}

.ui-slider {
    background: #a2a2a2;
}
.font14{
    font-size: 14px;
}
.color777{
    color: #777777;
}
.question_buy{
    position: absolute;
    top:0px;
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 13px;
    background: #777777;
    color: #000;
    background:url("../images/hint.png") no-repeat ;
}
.question_sell{
    position: absolute;
    top:0px;
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 13px;
    background: #777777;
    color: #000;
    background:url("../images/hint.png") no-repeat ;
}
.tag{
    width:300px;
    height:100px;
    border:5px solid #09F;
    position:relative;
    background-color:#FFF;
}
.tag em{
    display:block;
    border-width:20px;
    position:absolute;
    bottom:-40px;
    left:100px;
    border-style:solid dashed dashed;
    border-color:#09F transparent transparent;
    font-size:0;
    line-height:0;
}
.tag span{
    display:block;
    border-width:20px;
    position:absolute;
    bottom:-33px;
    left:100px;
    border-style:solid dashed dashed;
    border-color:#FFF transparent transparent;
    font-size:0; line-height:0;
}

.margin-top30{
    margin-top: 30px;
}
.margin-top60{
    margin-top: 60px;
}
